<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>充电中</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/children.css" />
		<link href="css/picker.css" rel="stylesheet" />
	</head>
	<body>
		<div class="main">
			<div class="chongdian-cont">
				<div class="chongdian-box">
					<div class="chongdian-tip">
						<p>60664设备号端口</p>
						<p>当前时间：10:34:08</p>
					</div>
					<div class="img-chongdian-box">
						<img src="images/icon/yuan-di.png" class="yuan-big" />
						<img src="images/icon/yuan-zhong.png" class="yuan-zhong" />
						<div class="chongdian-box-bottom">
							<img src="images/icon/shandian.png" class="icon-shandian" />
							<p class="name">充电中</p>
						</div>
					</div>
				</div>
				<div class="charge-box">
					<div class="time-box">
						<div class="left-box">
							<p class="title">充电时间</p>
							<p class="time">00:12:36</p>
						</div>
						<img src="images/icon/time.png" class="icon-time">
					</div>
					<div class="time-box">
						<div class="left-box">
							<p class="title">当前电量</p>
							<p class="time">0.000KWH</p>
						</div>

						<img src="images/icon/dianchi.png" class="icon-dianchi">
					</div>
				</div>
				<div class="btn btn-big btn-blue mt-30">结束充电</div>
				<div class="yiwen-box">
					<img src="images/icon/icon-kefu-blue.png" class="icon-kefu-s">
					<p>对订单有疑问？点击<a class="color_blue">联系运营商客服</a></p>
				</div>
			</div>
			<div class="banner-box">
				<img src="images/banner.png" class="img-banner">
			</div>
		</div>
		<div class="footer-box">
			<a class="footer-warp" href="首页.html">
				<img src="images/tabbar/home.png" class="icon-home" />
				<p class="footer-name">首页</p>
			</a>

			<a class="footer-warp" href="扫码充电.html">
				<img src="images/tabbar/icon-sao.png" class="icon-sao" />
			</a>

			<a class="footer-warp" href="个人中心.html">
				<img src="images/tabbar/icon-wode.png" class="icon-home" />
				<p class="footer-name">个人中心</p>
			</a>
		</div>
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript" src="js/init.js"></script>
		<script type="text/javascript">
			$(function() {
				// 切换导航
				$('.nav-tab-box .nav-tab').click(function() {
					$(this).addClass('active').siblings().removeClass('active')
				})
			})
		</script>
	</body>
</html>